<template>
  <div>
     <div class="search-div">
        <el-form label-width="100px" label-position="right">
            <el-row>
                <el-col :span="7">
                    <el-form-item label="活动名称：">
                        <el-input v-model="query.promotionName" size="mini"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="7">
                    <el-form-item label="活动ID：">
                        <el-input v-model="query.id" size="mini"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="活动类型：">
                        <el-input v-model="query.type" size="mini"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="2">
                    <div style="padding-top:7px">
                        <el-button type="primary" @click="queryBtn" size="mini">查询</el-button>
                    </div>
                </el-col>
            </el-row>
        </el-form>
     </div>

     <!--数据表格-->
     <div>

     </div>
  </div>
</template>

<script>
/**
 * 促销活动列表
 */
export default {
    components: {},
    data() {
       return {
           query:{
            current:1,
            size:10,
            promotionName:'',
            type:'',
            id:''
           },
           page:{
               count:0,
               list:[]
           }
       };
    },
    methods: {
        queryBtn(){

        }
    },
    created() {

    }
};
</script>

<style scoped>

</style>